.green-circle {

     display: block;
              height: 23px;
              width: 23px;
              background-color: #0f0;
              -moz-border-radius: 11px;
              -webkit-border-radius: 11px;
              -khtml-border-radius: 11px;
              border-radius: 11px;
              margin-left: 1px;
              background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(46, 184, 0, 0.8)), to(rgba(148, 255, 112, .9)));@
              border: 2px solid #ccc;
              -webkit-box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px;
              -moz-box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px; /* FF 3.5+ */
              box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px; /* FF 3.5+ */

              }
			  
.black-circle {
              display: block;
              height: 23px;
              width: 23px;
              background-color: #040;
              -moz-border-radius: 11px;
              -webkit-border-radius: 11px;
              -khtml-border-radius: 11px;
              border-radius: 11px;
              margin-left: 1px;
              -webkit-box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px;
              -moz-box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px; /* FF 3.5+ */ 
              box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px; /* FF 3.5+ */
              }